<!-- 笔记本详情页头部 -->
<template>
  <div class="computerhead">
      <div class="box">
      <div class="box-img">
        <p>专业强悍 优品至上</p> 
      </div>
      
    </div>
  </div>
</template>

<script>
export default {
    name:"computerhead",
  data () {
    return {
    };
  },

  components: {},

}
</script>
<style lang='less' scoped>
.computerhead{
  background-color: rgb(240, 235, 235);
}
.box{
  width: 1250px;
  margin-right: auto;
  margin-left: auto;
}
.box-img{
  width: 100%;
  height: 124px;
  // background-image: url("./../../public/imgs/dianshicolor.png");
}
.box-img p{
  display: block;
  text-align: center;
  line-height: 124px;
  font-size:40px;
  color: rgb(6, 87, 158);
  font-weight: bold;
}
</style>